<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>
  <body>
    <!-- ====================== 有序列表Ordered ====================== -->
    <ol>
      <li>Mix flour, baking powder, sugar, and salt.</li>
      <li>In another bowl, mix eggs, milk, and oil.</li>
      <li>Stir both mixtures together.</li>
      <li>Fill muffin tray 3/4 full.</li>
      <li>Bake for 20 minutes.</li>
    </ol>
    
    <!-- ====================== 无序列表Unordered ====================== -->
    <ul>
      <li>Milk</li>
      <li>Cheese
        <ul>
          <li>Blue cheese
            <ul>
              <li>Sweet blue cheese</li>
              <li>Sour blue cheese</li>
            </ul>
          </li>
          <li>Feta</li>
        </ul>
      </li>
    </ul>
    
    <!-- ====================== 定义列表 ====================== -->
    <dl>
      <dt>Beast of Bodmin</dt>
      <dd>A large feline inhabiting Bodmin Moor.</dd>
      
      <dt>Morgawr</dt>
      <dd>A sea serpent.</dd>
      
      <dt>Owlman</dt>
      <dd>A giant owl-like creature.</dd>
    </dl>
  </body>
</html>